/**
  * Musashi - A project manager for music groups and bands
  * Copyright (C) 2010 Daniel Torres
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
  * the Free Software Foundation, either version 3 of the License, or
  * (at your option) any later version.
  *
  * This program is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
  *
  * You should have received a copy of the GNU General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
  */


/* -------------------------------------------------------------------------- */
/* Song Selection Area                                                        */
/* -------------------------------------------------------------------------- */

#song-selector
{
    overflow:hidden;
    margin:3em 0 1em 0;
    padding-left:1em;
    background:#fff;
    
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    
    border:1px solid #cacaca;    
}

#song-selector h1 { font-size:15px; font-family:arial, sans-serif; font-weight:bold;   color:#000; margin:0; line-height:1;}
#song-selector h2 { font-size:13px; font-family:arial, sans-serif; font-weight:normal; color:#000; margin:0 0 7px; line-height:1;}
#song-selector h3 { font-size:13px; font-family:arial, sans-serif; font-weight:normal; color:#000; margin:0; text-align:center;}

.error
{
    border-left: 10px solid red;
    color: blue;
    font-family: arial;
    font-size: 13px;
    padding:0.3em 0.3em 0.3em 10px;
    width: 359px;
    margin-bottom:-25px;
}

.result
{
    border-left: 10px solid #009ACA;
    color: blue;
    font-family: arial;
    font-size: 13px;
    padding:0.3em 0.3em 0.3em 10px;
    width: 359px;
    margin-bottom:-25px;    
}

/* -------------------------------------------------------------------------- */
/* Known songs                                                                */
/* -------------------------------------------------------------------------- */

#song-selector .known-songs
{
    float:left;
    width:72%;
    padding:1em 0 1em 0;
    border-right:1px solid #cacaca;
}

#song-selector .known-songs-container
{
    border:1px dashed #cacaca;
    padding:4px;
    height:290px;
    width:95%;
    overflow:auto;
}


/* -------------------------------------------------------------------------- */
/* Available songs                                                            */
/* -------------------------------------------------------------------------- */

#song-selector .available-songs
{
    float:right;
    padding-top:1em;
    width:25%;
}

#song-selector .available-songs-container
{
    width:95%;
    height:290px;
    overflow:auto;
    margin-top:2em;
    border-top:3px solid #cacaca;
    border-bottom:3px solid #cacaca;
}

/* -------------------------------------------------------------------------- */
/* song entry (catalog)                                                       */
/* -------------------------------------------------------------------------- */

#song-selector .song-entry
{
    margin:0 0 2px 0;
    margin-bottom:2px;
    padding:0.5em;
    border:1px solid #cacaca;
    cursor: move;
    position:relative;    
    
}

/* -------------------------------------------------------------------------- */
/* song entry (drop box)                                                      */
/* -------------------------------------------------------------------------- */

#song-drop-target .song-entry
{
    margin-bottom:2px;
    position:relative;
    border-left:5px solid #cacaca;
    float:left;
    width:97%;
    
}


#song-container h3 {text-align:left; float:left;}
#song-container ol{
    margin:0;
    padding:0;
    list-style:none;
    list-style-type:none;
    float:right;
}
#song-container li {
    margin-left:15px;    
    display:inline;
}
#song-container a:link{
    text-decoration:none;
    color:#009ACA;
}
#song-container a, a:visited {
    font-weight:normal;
    color:#009ACA;
}

/* -------------------------------------------------------------------------- */
/* Ability selection form                                                     */
/* -------------------------------------------------------------------------- */



#song-form {
    margin-top:20px;
    list-style:none;
}

#song-form ol
{
    list-style:none;
    display:block;
    margin-top:15px;    
    text-align:right;
}

#song-form li {
    display:block;
}

#song-form label {
    float:left;
    font-size:13px;
    width:200px;
    margin-right:10px;
}

#song-form fieldset fieldset label {
    border:none;
}

#song-form select {
    width:150px;
    /*
    background:#fff;
    border-radius:3px;
    border-style:solid;
    border-width:1px;
    
    font: italic 13px Georgia, "Times New Roman", Times, Serif;
    
    outline:none;
    padding:5px;
    width:200px;*/
}

